/*
	COLORES QUE COMBINA SEGUN EL COLOR ROJO DEL LOGO DE LA UNA
	ROJO-UNA: #d12524

	AZUL1: #105684
	AZUL2: #0B649E
	AMARILLO: #D9D73B
	ROJO: #840A0A
*/

/*=====PARA CUANDO ES ESCRITORIO=====*/
@media screen and (min-width: 800px){
	.clMenu {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d12424), color-stop(1, #840a0a) );
		background:-moz-linear-gradient( center top, #d12424 5%, #840a0a 100% );
		background-color:#d12424;
		-webkit-border-top-left-radius:42px;
		-moz-border-radius-topleft:42px;
		border-top-left-radius:42px;
		-webkit-border-top-right-radius:42px;
		-moz-border-radius-topright:42px;
		border-top-right-radius:42px;
		-webkit-border-bottom-right-radius:42px;
		-moz-border-radius-bottomright:42px;
		border-bottom-right-radius:42px;
		-webkit-border-bottom-left-radius:42px;
		-moz-border-radius-bottomleft:42px;
		border-bottom-left-radius:42px;
		border:1px solid #840a0a;
		display:inline-block;
		color:#ffffff;
		font-family:arial;
		font-size:16px;
		font-weight:bold;
		font-style:normal;
		height:50px;
		line-height:50px;
		width:180px;
		text-decoration:none;
		text-align:center;
	}

	.clMenu:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #840a0a), color-stop(1, #d12424) );
		background:-moz-linear-gradient( center top, #840a0a 5%, #d12424 100% );
		background-color:#840a0a;
	}

	.clMenu:active {
		position:relative;
		top:1px;
	}

	.naver{
		position: absolute;
		right: 0px;
		top: 46px
		width: 100%;
		padding: 10px;
		background-color: #105684;
	}
}

/*=====PARA CUANDO ES PORTABLE=====*/
@media screen and (max-width: 800px){
	.clMenu {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d12424), color-stop(1, #840a0a) );
		background:-moz-linear-gradient( center top, #d12424 5%, #840a0a 100% );
		background-color:#d12424;
		border:1px solid #840a0a;
		display:inline-block;
		color:#ffffff;
		font-family:arial;
		font-size:16px;
		font-weight:bold;
		font-style:normal;
		height:40px;
		line-height:40px;
		width:100%;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #810e05;
		margin-bottom: 3px;
	}

	.clMenu:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #840a0a), color-stop(1, #d12424) );
		background:-moz-linear-gradient( center top, #840a0a 5%, #d12424 100% );
		background-color:#840a0a;
	}

	.clMenu:active {
		position:relative;
		top:1px;
	}
}

/*=====HEADER=====*/
header{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
}

.clDatos{
	position: absolute;
	right: 0px;
	top: 0px;

	padding:10px;
	background-color: #105684;
	color: #ffffff;
}

.clDatos h4{
	margin: 5px;
}

.clDatos a{
	color: #ffffff;
	margin: 5px;
}

/*=====FOOTER=====*/
footer{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;

	background-color: #105684;
	color: #ffffff;
}

footer p{
	text-align: center;
	margin: 5px;
	font-size: 16px;
}